.ui-layout-pane { /* all 'panes' */
	padding: 5px;
	background: #FFF;
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	overflow: auto;
}

.ui-layout-pane-north,.ui-layout-pane-south {
	border: 1px solid #BBB;
}

.ui-layout-pane-west {
	border-left: 1px solid #BBB;
}

.ui-layout-pane-east {
	border-right: 1px solid #BBB;
}

.ui-layout-pane-center {
	border-left: 0;
	border-right: 0;
}

.inner-center {
	border: 1px solid #BBB;
}

.outer-west,.outer-east {
	background-color: #EEE;
}

.middle-west,.middle-east {
	background-color: #F8F8F8;
}

.ui-layout-resizer { /* all 'resizer-bars' */
	background: #DDD;
}

.ui-layout-resizer:hover { /* all 'resizer-bars' */
	background: #FED;
}

.ui-layout-resizer-west {
	border-left: 1px solid #BBB;
}

.ui-layout-resizer-east {
	border-right: 1px solid #BBB;
}

.ui-layout-toggler { /* all 'toggler-buttons' */
	background: #AAA;
}

.ui-layout-toggler:hover { /* all 'toggler-buttons' */
	background: #FC3;
}

.outer-center,.middle-center {
	/* center pane that are 'containers' for a nested layout */
	padding: 0;
	border: 0;
}